<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <style type="text/css">
    .box{
        width: 100px;
        height: 100px;
        background-color: #6ff;
    }
    </style> -->
</head>

<body>
    <!-- <div class="box">

    </div> -->
</body>
<!-- text/javascript 将标签内的文本按照js语法解析 -->
<script type="text/javascript">

    // 方法：完成某个特定功能的工具

    // js的三种打印方法

    // document.write()       在文档中打印一个或多个内容(多个用逗号隔开)    缺点：位置不好控制
    document.write(Date());

    // console.log()          在控制台打印一个或多个内容(多个用逗号隔开)    优点：不会影响页面原本的结构（一般只是用来做 打印测试）
    // console.log("hellow")

    // alert()                在页面弹出一段内容(弹出框 警告框)
    // alert("rdgf");
</script>
</html>